<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Google</title>
    <link rel="stylesheet" href="../../../reset.css"/>
    <link rel="stylesheet" href="google.css"/>
</head>
<body>
<header>
    <nav class="header-right">
        <ul>
            <li><a href="#">+Ryan</a></li>
            <li><a href="#">Gmail</a></li>
            <li><a href="#">Images</a></li>
            <li><a href="#">Apps</a></li>
            <li><a class="circle" href="#">5</a></li>
            <li><a href="#">+</a></li>
            <li><a href="#">Ryan</a></li>
        </ul>
    </nav>
</header>
<section class="middle-logo">
    <img id="logo" src="logo11w.png" alt="Google Logo"/>

    <form>
        <fieldset>
            <!--noinspection HtmlFormInputWithoutAnAssociatedLabel-->
            <input type="text" name="name" id="name" tabindex="1" title="name"/>
            <a id="mic" href="#"><img src="mic.gif" alt="Microphone picture"/></a>

            <div>
                <input class="btn" type="submit" value="Google Search"/>
                <input class="btn" type="submit" value="I'm Feeling Lucky"/>
            </div>
        </fieldset>
    </form>
</section>

<footer>
    <ul class="footer-right">
        <li><a href="#">Privacy</a></li>
        <li><a href="#">Terms</a></li>
        <li><a href="#">Settings</a></li>
    </ul>
    <ul>
        <li><a href="#">Advertising</a></li>
        <li><a href="#">Business</a></li>
        <li><a href="#">About</a></li>
    </ul>
</footer>
</body>
</html>